<!DOCTYPE html>
<html lang="en">
<head>
  <base href=""/>
  <meta charset="UTF-8">
  <title>站功率曲线</title>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-datetimepicker.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-responsive.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/common.css"/>
  
  <script type='text/javascript' src='../static/js/jquery-1.10.2.min.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap.min.js'></script>
  <script type='text/javascript' src='../static/js/jquery.tips.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.zh-CN.js'></script>
  <script type='text/javascript' src='../static/js/echarts.js'></script>
  <script type="text/javascript" src="../static/js/common.js"></script>
  <script type="text/javascript" src="../static/js/messageContent.js"></script>
  <script type='text/javascript' src='../static/js/powerChart/chargingStationPowerChart.js'></script>
</head>
<body>
  <div class="ablosulteDiv">
	<div class="top">
		<h4 class="partTitle">
			当前位置: 功率曲线 <span class="comSpanTitle">></span>站功率曲线
		</h4>
	</div>
	<div class="blueBorder"></div>
	<div class="chartPart">
		<div class="chartLeft">
			<form class="form-horizontal" id="powerChartSearch">
	            <select id="chargingStationID" name="ChargingStationID" class="form-control">
	              <option value="" selected="selected">请选择充电站</option>
	            </select>
	            <div id="startDate" class="input-group date" data-date-format="yyyy-mm-dd" style="float: left;margin-top: 20px;margin-bottom: 20px;">
	                <input id="startChargingTime" name="startChargingTime" class="form-control" type="text" placeholder="选择时间">
	                <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
	                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
	            </div>
			 	<select id="rate" class="form-control" onchange="setRate()">
	              <option value="1" selected="selected">1/1最大功率</option>
	              <option value="2">1/2最大功率</option>
	              <option value="3">1/3最大功率</option>
	            </select>
		   	 	<button type="button" onclick="search()" class="btn btnDefault">
		   			<img src="../static/images/search2.png" height="20" width="20"/>
		   	 		查询
			 	</button>
			</form>
		</div>
		<div class="chartRight">
			<div id="curves">
			</div>
			<div style="width:100%;text-align:center;">
				<div class="more" onclick="mores()" style="cursor:pointer;width: 100px;margin: auto;">点击加载更多<br><img src="../static/images/more.png" height="15" width="15"/></div>
			</div>
		</div>
	</div>
  </div>
</body>
</html>
